<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="">
<meta name="robots" content="all,follow">

<title>Bootstrap Admin Template</title>
<link rel="shortcut icon" href="${ctx}/static/img/favicon.ico">

<!-- global stylesheets -->
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed"
	rel="stylesheet">
<link rel="stylesheet" href="${ctx}/static/css/bootstrap.min.css">
<link rel="stylesheet" href="${ctx}/static/font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="${ctx}/static/css/font-icon-style.css">
<link rel="stylesheet" href="${ctx}/static/css/style.default.css"
	id="theme-stylesheet">

<!-- Core stylesheets -->
<link rel="stylesheet" href="${ctx}/static/css/pages/login.css">
</head>

<body>

	<!--====================================================
                        PAGE CONTENT
======================================================-->
	<section class="hero-area">
	<div class="overlay"></div>
	<div class="container">
		<div class="row">
			<div class="col-md-12 ">
				<div class="contact-h-cont">
					<h3 class="text-center">
						<img src="${ctx}/static/img/logo.png" class="img-fluid" alt="">
					</h3>
					<br>
					<form id="loginForm" action="${ctx}/login/toLogin" method="post">
						<div class="form-group">
							<label for="username">Username</label>
							<input type="text" class="form-control" id="loginName" name="loginName" value="${loginName }" placeholder="Enter Username">
						</div>
						<div class="form-group">
							<label for="exampleInputEmail1">Password</label>
							<input class="form-control" type="password" value="${password }"
								id="password" name="password">
						</div>
						<c:if test="${message != null}">
						<div class="form-group">
							<label class="username">${message }</label>
						</div>
						</c:if>
						<button class="btn btn-general btn-blue" role="button" >
							<i fa fa-right-arrow ></i>Login
						</button>
					</form>
				</div>
			</div>
		</div>
	</div>
	</section>

	<!--Global Javascript -->
	<script src="${ctx}/static/js/jquery.min.js"></script>
	<script src="${ctx}/static/js/tether.min.js"></script>
	<script src="${ctx}/static/js/bootstrap.min.js"></script>
	<!-- <script type="text/javascript">
		$(document).ready(function() {
			$("button").click(function() {
				/*  $.ajax({
						async : true,
				        cache:false,
				        url : '${ctx}/login/toLogin',
				        type: 'POST',
				        data:{
				        	"loginName":loginName,
				        	"password":password
				        },
				        success: function (data) {
				        	alertMsg(data.message);
						}
					}); */
				
			});
		}); -->
	</script>
</body>

</html>